﻿@{
    ViewBag.Title = "InsertNewSingerPage";
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
}
<script src="../../Scripts/jquery.validate.js" type="text/javascript"></script>
<link href="../../Styles/Validate/cmxform.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
    $(document).ready(function () {
        $("#frm").validate({
            rules: {
                singername: { required: true, minlength: 3 },
                country: { required: true },
                filepicture: { accept: "png|gif|jpg|jpeg" }
            },
            messages: {
                singername: { required: 'Tên ca sĩ không được để trống', minlength: 'Tên ca sĩ có tối thiểu {0} ký tự' },
                country: { required: 'Vui lòng chọn quốc gia' },
                filepicture: {accept: 'Chỉ chấp nhận file có đuôi là PNG, GIF, JPG, JPEG.'}
            }
        })
    });
</script>
<table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
<tr>
	<th rowspan="3" class="sized"><img src="../../Images/AdminImages/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
	<th class="topleft"></th>
	<td id="tbl-border-top">&nbsp;</td>
	<th class="topright"></th>
	<th rowspan="3" class="sized"><img src="../../Images/AdminImages/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
</tr>
<tr>
	<td id="tbl-border-left"></td>
	<td>
	<!--  start content-table-inner -->
	<div id="content-table-inner">
	
	<table border="0"  cellpadding="0" cellspacing="0">
	<tr valign="top">
	<td>
	
	
		<!--  start step-holder -->
		<div id="step-holder">
                    <div class="step-no-off">+</div>
			        <div class="step-light-left"><a href="/managesinger/ViewAllSinger?pageindex=1">Xem tất cả</a></div>
			        <div class="step-light-right">&nbsp;</div>			       
			        <div class="step-no">+</div>
			        <div class="step-dark-left"><a href="/managesinger/InsertNewSingerPage">Thêm ca sĩ mới</a></div>
			        <div class="step-dark-right">&nbsp;</div>			
			        <div class="clear"></div>
		        </div>
		<!--  end step-holder -->
	
		<!-- start id-form -->   
        <form id="frm" action="/managesinger/ConfirmInsertNewSinger" method="post" enctype="multipart/form-data">
		<table border="0" cellpadding="0" cellspacing="0"  id="id-form">
		<tr>
			<th valign="top">Tên ca sĩ:</th>
			<td><input type="text" id="singername" name="singername" class="inp-form" /></td>
			<td></td>
		</tr>		
		<tr>
		<th valign="top">Quốc gia:</th>
		<td>	
		<select  class="styledselect_form_1" id="country" name="country">
			<option value="">--Chọn--</option>
			@foreach (ListenMusic.Country_ServiceReference.Country ct in ViewBag.country)
               { 
                    <option value="@ct.CountryID">@ct.CountryName</option>
               }
		</select>
		</td>
		<td></td>
		</tr> 		
		<tr>	
        <th valign="top">Hình ca sĩ:</th>	
		<td><input type="file" id="filepicture" name="filepicture"  /></td>
	    <td>
	        <div class="bubble-left"></div>
	        <div class="bubble-inner">Bạn có thể chọn hình có đuôi là PNG, GIF, JPEG, JPG.</div>
	        <div class="bubble-right"></div>
	    </td>
	</tr>
    
	<tr>
		<th>&nbsp;</th>
		<td valign="top">
			<input type="submit" value="" class="form-submit" />
			<input type="reset" value="" class="form-reset"  />
		</td>
		<td></td>
	</tr>
	</table>
    </form>   
	<!-- end id-form  -->

	</td>
	<td>

	

</td>
</tr>
<tr>
<td><img src="../../Images/AdminImages/shared/blank.gif" width="695" height="1" alt="blank" /></td>
<td></td>
</tr>
</table>
 
<div class="clear"></div>
 

</div>
<!--  end content-table-inner  -->
</td>
<td id="tbl-border-right"></td>
</tr>
<tr>
	<th class="sized bottomleft"></th>
	<td id="tbl-border-bottom">&nbsp;</td>
	<th class="sized bottomright"></th>
</tr>
</table>

<div class="clear">&nbsp;</div>

